/*
 * Copyright (c) 2023 Huawei Technologies Co.,Ltd.
 *
 * openInula is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 *
 *          http://license.coscl.org.cn/MulanPSL2
 *
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 */

@import 'assets.less';

.treeContainer {
  height: 100%;

  .treeItem {
    width: 100%;
    position: absolute;
    line-height: 1.125rem;
    align-items: center;
    display: inline-flex;
    &:hover {
      background-color: @select-color;
    }

    .treeIcon {
      color: @arrow-color;
      display: inline-block;
      width: 12px;
      padding-left: 0.5rem;
    }

    .componentName {
      white-space: nowrap;
      color: @component-name-color;
      display: inline-flex;
    }

    .componentKeyName {
      color: @component-key-color;
    }

    .componentKeyValue {
      color: @component-key-value-color;
      max-width: 100px;
      overflow-x: hidden;
      text-overflow: ellipsis;
      display: inline-flex;
      white-space: nowrap;
    }
  }

  .selectedItemChild {
    background-color: @select-item-child-color;
  }

  .select {
    background-color: @select-color;
  }
}

.Badge {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.1);
  color: #000000;
  padding: 0 0.25rem;
  line-height: normal;
  border-radius: 0.125rem;
  margin-left: 0.25rem;
  font-family: @attr-name-font-family;
  font-size: 9px;
  height: 1rem;
}
